<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>目录页测试</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <link href="" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/svgMask.css">
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/snap.svg-min.js"></script>
    <script type="text/javascript" src="js/svgMask.js"></script>
</head>

<body>
    <div id="back">
        <div class="innerD">
        </div>
        <!--  <div class="innerD">
            <div class="posDiv">
                <img class="innerI" src="yu.jpg">
                <svg class="maskUp" width="200px" height="300px" viewbox="0 0 100 100" preserveAspectRatio="xMinYMax slice"></svg>
                <svg class="maskDown" width="200px" height="300px" viewbox="0 0 100 100" preserveAspectRatio="xMaxYMin slice"></svg>
            </div>
        </div> -->
        <div class="innerD">
            <a href="http://alovez.cc/blog/category/programing/">
                <div class="posDiv">
                    <img class="innerI" src="yang.jpg">
                    <svg class="maskUp" width="200px" height="300px" viewbox="0 0 100 100" preserveAspectRatio="xMinYMax slice"></svg>
                    <svg class="maskDown" width="200px" height="300px" viewbox="0 0 100 100" preserveAspectRatio="xMaxYMin slice"></svg>
                </div>
            </a>
        </div>
        <div class="innerD">
            <a href="http://alovez.cc/blog/category/%E8%BE%A9/">
                <div class="posDiv">
                    <img class="innerI" src="ta.jpg">
                    <svg class="maskUp" width="200px" height="300px" viewbox="0 0 100 100" preserveAspectRatio="xMinYMax slice"></svg>
                    <svg class="maskDown" width="200px" height="300px" viewbox="0 0 100 100" preserveAspectRatio="xMaxYMin slice"></svg>
                </div>
            </a>
        </div>
        <div class="innerD">
            <a href="http://alovez.cc/blog/category/free/">
                <div class="posDiv">
                    <img class="innerI" src="shu.jpg">
                    <svg class="maskUp" width="200px" height="300px" viewbox="0 0 100 100" preserveAspectRatio="xMinYMax slice"></svg>
                    <svg class="maskDown" width="200px" height="300px" viewbox="0 0 100 100" preserveAspectRatio="xMaxYMin slice"></svg>
                </div>
            </a>
        </div>
        <div class="innerD">
            <a href="http://git.oschina.net/alovez/">
                <div class="posDiv">
                    <img class="innerI" src="shan.jpg">
                    <svg class="maskUp" width="200px" height="300px" viewbox="0 0 100 100" preserveAspectRatio="xMinYMax slice"></svg>
                    <svg class="maskDown" width="200px" height="300px" viewbox="0 0 100 100" preserveAspectRatio="xMaxYMin slice"></svg>
                </div>
            </a>
        </div>
    </div>
</body>

</html>
